﻿html {
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: auto;

    /*background-image: url(/file/load/bg/m?fileId=default);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;*/
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 5px;
}

/*** head ***/
.head {
    padding: 0;
    margin: 0;
    border: 0;
    min-height: 40px;
}
.head .logobar {
    float: left;
}

.head .logobar .navbar-brand {
    padding: 4px 10px;
}

.head .logobar .navbar-brand img {
    height: 32px;
}
        
/*** main ***/
.main {
    padding: 0;
    margin: 0;
    border: 0;
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
}
@media (min-width: 768px) {
    .main {
        height: calc(100% - 70px);
        height: -webkit-calc(100% - 70px);
        height: -moz-calc(100% - 70px);
    }
}

/*** foot ***/
.foot {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: visible;
    z-index: 99;
    min-height: 30px;
    display: block;
    position: fixed;
    bottom: 0;
    background-color: #000;
    clear: both;
    width: 100%;
    /*opacity: .7;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')*/
}

.foot span {
    z-index: 100;
    line-height: 20px;
    margin: 5px 10px;
}

.foot span, .foot p{
    color:#fff;
    font-size:14px;
}
